<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="zpay个人收款助手" />
    <meta name="keywords" content="zpay个人收款助手,个人免签,收款" />
    <link rel="shortcut icon" href="img/favicon.png" />
    <title>购买</title>
    <link rel="stylesheet" href="css/amazeui.min.css">
    <link rel="stylesheet" href="css/common.css">
</head>

<body onload="init()">
    <header data-am-widget="header" class="am-header am-header-default">
        <div class="am-header-left am-header-nav">
            <h1>购买</h1>
        </div>
        <h1 class="am-header-title"></h1>
        <div class="am-header-right am-header-nav">
            <a href="tools.html" class="">
                <i class="am-header-icon am-icon-bars"></i>
            </a>
        </div>
    </header>

    <div class="am-g">
        <div class="pay">
            <div class="pay-b">
                <pre style="text-align:left">
注意事项：
1. 确保支付金额正确
2. 支付过程中请勿刷新浏览器
3. 请填写正确的邮箱地址，购买后自动发送邮件
</pre>
                <input type="email" id="email" class="am-form-field am-btn-block" required="required" placeholder="输入邮箱地址">
                <button onclick="weixin()" class="am-btn am-btn-success am-btn-block">微信支付</button>
                <button onclick="alipay()" class="am-btn am-btn-secondary am-btn-block">支付宝</button>
                <a href="index.html" class="am-btn am-btn-danger am-btn-block">返回</a>
            </div>
            <div class="pay-c">
                <div><span class="small">原价:￥<span id="oldprice">1</span> - 优惠:￥<span id="discount">0</span></span></div>
                <div class="card">
                    <img id="typei">
                    <div id="qrcode" class="qrcode">
                        <div id="timeout" class="am-vertical-align" style="height: 100%; display:none;">
                            <span class="small am-vertical-align-middle">订单已失效，请重新生成订单</span>
                        </div>
                    </div>
                    <div><span id="price" class="price"></span></div>
                    <span id="timeo" class="small">剩余支付时间: <span id="time">03:00</span></span>
                </div>

                <div style="padding:30px 0;">
                    <button onclick="cancel()" class="am-btn am-btn-secondary am-btn-block">取消订单</button>
                </div>
                <div class="loading" id=loading>
                    <div><img id="loadingp" width="50px" height="50px" src="img/loading.gif"></div>
                    <span id="status" class="small">正在查询支付结果</span>
                </div>
            </div>
            <div class="pay-r">
                <div class="card">
                    <a href="##" class="am-icon-btn am-success am-icon-check"></a>
                    <span>支付成功！</span>
                    <div><span>文件稍后发送到您的邮箱</span></div>
                    </div>
                </div>
                <br>
            </div>
        </div>
    </div>

    <div class="push"></div>
    <footer class="footer">
        <span>©LUANGENG | ZPAY个人收款助手</span>
    </footer>
</body>

<script type="text/javascript" src="https://libs.baidu.com/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="js/qrcode.min.js"></script>
<script type="text/javascript" src="js/zpay-core-mini-0.6.1.js"></script>
<script type="text/javascript" src="js/NTP.js"></script>
<script type="text/javascript" src="js/buy.js"></script>

</html>